<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.7/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="lib/icheck/icheck.css" />

	<link rel="stylesheet" type="text/css" href="static/h-ui/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/style.css" />
	<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js" ></script>
	<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script type="text/javascript" src="lib/layer/2.1/layer.js"></script>
    <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
	<style type="text/css">
		body,#l-map {width: 100%;height: 100%;overflow: hidden;margin:0;}
	</style>

	<!-- 百度地图秘钥 -->
	<script src="http://api.map.baidu.com/api?v=2.0&ak=0EqkFfOceuwLZnVvG6dIocEiqos83G34" type="text/javascript"></script>
	
	<title>显示地图</title>
</head>
<body>

<div class="page-container" id="time">
    <td>围栏名称</td>
    <input type="text" class="input-text" style="width:150px" placeholder="围栏名称" id="fence_name" name="">
    <!--<input type="text" class="input-text" style="width:150px" placeholder="输入围栏坐标" id="fence_coor" name="">-->
    <td>围栏半径</td>
    <input type="text" class="input-text" style="width:150px" placeholder="围栏半径" id="fence_r" name="">
    <button type="submit" class="btn btn-success radius" onclick="fence_edit('true')" id="" name=""><i class="Hui-iconfont">&#xe6df;</i> 修改</button>
	
</div>
<div id="l-map"></div>
</body>
</html>

<script type="text/javascript">
	var map = new BMap.Map("l-map");
	map.centerAndZoom(new BMap.Point(116.37231894589,39.976018510037), 14);
	map.addControl(new BMap.NavigationControl());    //地图平移缩放控件PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能。移动端提供缩放控件，默认位于地图右下方。
	map.addControl(new BMap.OverviewMapControl());   //添加缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图。
	map.addControl(new BMap.ScaleControl());     //比例尺控件，默认位于地图左下方，显示地图的比例关系。
	map.addControl(new BMap.MapTypeControl());   //地图类型控件，默认位于地图右上方。
	map.addControl(new BMap.GeolocationControl());   //定位控件，针对移动端开发，默认位于地图左下方。
	map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
	map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
    var name=document.getElementById('fence_name');
    var coor=document.getElementById('fence_coor');
    var r=document.getElementById('fence_r');
   
    function fence_edit(enEditor){
        layer.confirm('确认要修改吗？',function(index) {
            layer.msg('已保存电子围栏修改:' + name.value, {icon: 6, time: 1000});
        });
    }
	




</script>
